<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8" />
        <title>Wallpaper</title>
        <meta name="description" content="Here goes description" />
        <meta name="author" content="author name" />
        <link rel="shortcut icon" href="images/favicon.ico" type="image/x-icon" />
        <!-- ======================================================================
                                    Mobile Specific Meta
        ======================================================================= -->
        <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
        <!-- ======================================================================
                                    Style CSS + Google Fonts
        ======================================================================= -->
        <link href="css/swipebox.css" rel="stylesheet" />
        <link href="css/bootstrap.css" rel="stylesheet" />
        <link href="css/style.css" rel="stylesheet" />
        <link href="css/animate.css" rel="stylesheet" />
        <link href="color-box/color-style.css" rel="stylesheet" />
        <link href="color-box/farbtastic/farbtastic.css" rel="stylesheet" />
        <link href="css/font-icon-moon.css" rel="stylesheet" />
        <link href="css/font-awesome.css" rel="stylesheet" />
    </head>
    <body class="single-page">
        <div class="load-complete">
            <div class="load-position">
                <div class="logo wow flip">Wallpaper</div>
                <h6>Please wait, loading...</h6>
                <div class="loading">
                    <div class="loading-line"></div>
                    <div class="loading-break loading-dot-1"></div>
                    <div class="loading-break loading-dot-2"></div>
                    <div class="loading-break loading-dot-3"></div>
                </div>
            </div>
        </div>
        <!-- === START COLOR BOX === -->
        <div class="settings-box">
            <div class="settings-box-icon"><i class="fa fa-spin d-text-c fa-cog"></i></div>
            <div class="settings-box-title">Settings Box</div>
            <p>Primary color</p>
            <ul id="site_color">
                <li><span class="color_1"></span></li>
                <li><span class="color_2"></span></li>
                <li><span class="color_3"></span></li>
                <li><span class="color_4"></span></li>
                <li><span class="color-select"></span></li>      
            </ul>
            <hr> 
            <p>Layout type</p>
            <select name="site_layout">
                <option value="wide">Wide</option>
                <option value="boxed">Boxed</option>
            </select>
            <hr> 
            <p>Background patterns</p>
            <ul id="background_patterns">
                <li><img src="color-box/background/square-1.png" alt="patterns"></li>
                <li><img src="color-box/background/square-2.png" alt="patterns"></li>
                <li><img src="color-box/background/square-3.png" alt="patterns"></li>
                <li><img src="color-box/background/square-4.png" alt="patterns"></li>
                <li><img src="color-box/background/square-5.png" alt="patterns"></li>        
            </ul>
            <hr> 
            <p>Background images</p>
            <ul id="background_images">
                <li><img src="color-box/background/bg-image-1.jpg" alt="background"></li>
                <li><img src="color-box/background/bg-image-2.jpg" alt="background"></li>
                <li><img src="color-box/background/bg-image-3.jpg" alt="background"></li>
                <li><img src="color-box/background/bg-image-4.jpg" alt="background"></li>
                <li><img src="color-box/background/bg-image-5.jpg" alt="background"></li>        
            </ul>
        </div>
        <!-- === END COLOR BOX === -->
        <div class="box-wide">
            <!-- === START HEADER === -->
            <header class="header sticky-bar">
                <div class="container">
                    <div class="row">
                        <div class="col-md-4">
                            <div class="logo"><a href="index.html">Wallpaper</a></div>
                        </div>
                        <div class="col-md-8">
                            <nav class="menu">
                                <div class="responsive-menu d-text-c-h"><i class="fa fa-bars"></i></div>

                                <ul>
                                    <li><a class="d-text-c-h" href="#">Home</a>
                                        <ul>
                                            <li><a class="d-text-c-h" href="index.html">Home v1</a></li>
                                            <li><a class="d-text-c-h" href="index-v2.html">Home v2</a></li>
                                            <li><a class="d-text-c-h" href="index-v3.html">Home v3</a></li>
                                        </ul>
                                    </li>
                                    <li><a class="d-text-c-h" href="#">Portfolio</a>
                                        <ul>
                                            <li><a class="d-text-c-h" href="portfolio-2-col.html">Portfolio 2 columns</a>
                                                <ul>
                                                    <li><a class="d-text-c-h" href="portfolio-2-col.html">Portfolio 2 columns</a></li>
                                                    <li><a class="d-text-c-h" href="portfolio-2-col-no-padding.html">Portfolio 2 columns no padding</a></li>
                                                    <li><a class="d-text-c-h" href="portfolio-2-col-v2.html">Portfolio 2 columns v2</a></li>
                                                </ul>
                                            </li>
                                            <li><a class="d-text-c-h" href="portfolio-3-col.html">Portfolio 3 columns</a>
                                                <ul>
                                                    <li><a class="d-text-c-h" href="portfolio-3-col.html">Portfolio 3 columns</a></li>
                                                    <li><a class="d-text-c-h" href="portfolio-3-col-no-padding.html">Portfolio 3 columns no padding</a></li>
                                                    <li><a class="d-text-c-h" href="portfolio-3-col-v2.html">Portfolio 3 columns v2</a></li>
                                                </ul>
                                            </li>
                                            <li><a class="d-text-c-h" href="portfolio-4-col.html">Portfolio 4 columns</a>
                                                <ul>
                                                    <li><a class="d-text-c-h" href="portfolio-fw-4-col.html">Portfolio fw 4 columns</a></li>
                                                    <li><a class="d-text-c-h" href="portfolio-4-col.html">Portfolio 4 columns</a></li>
                                                    <li><a class="d-text-c-h" href="portfolio-4-col-v2.html">Portfolio 4 columns v2</a></li>
                                                </ul>
                                            </li>
                                            <li><a class="d-text-c-h" href="portfolio-6-col.html">Portfolio 6 columns</a>
                                                <ul>
                                                    <li><a class="d-text-c-h" href="portfolio-fw-6-col-v2-no-padding.html">Portfolio fw 6 columns v2 no padding</a></li>
                                                    <li><a class="d-text-c-h" href="portfolio-6-col.html">Portfolio 6 columns</a></li>
                                                </ul>
                                            </li>
                                            <li><a class="d-text-c-h" href="project-v1.html">Project v1</a></li>
                                            <li><a class="d-text-c-h" href="project-v2.html">Project v2</a></li>
                                        </ul>                                
                                    </li>
                                    <li><a class="d-text-c-h" href="#">Pages</a>
                                        <ul>
                                            <li><a class="d-text-c-h" href="about-us.html">About Us</a></li>
                                            <li><a class="d-text-c-h" href="coming-soon.html">Coming soon</a></li>
                                            <li><a class="d-text-c-h" href="error-404.html">Error 404</a></li>
                                            <li><a class="d-text-c-h" href="our-team.html">Our Team</a></li>
                                            <li><a class="d-text-c-h" href="services.html">Services</a></li>
                                            <li><a class="d-text-c-h" href="shortcodes.html">Shortcodes</a></li>
                                        </ul>
                                    </li>
                                    <li><a class="d-text-c-h" href="#">Blog</a>
                                        <ul>
                                            <li><a class="d-text-c-h" href="blog-2c-rs.html">Blog 2 columns right sidebar</a></li>
                                            <li><a class="d-text-c-h" href="blog-3c.html">Blog 3 columns</a></li>
                                            <li><a class="d-text-c-h" href="blog-fw.html">Blog fullwidth</a></li>
                                            <li><a class="d-text-c-h" href="blog-fw-rs.html">Blog fullwidth right sidebar</a></li>
                                            <li><a class="d-text-c-h" href="post.html">Single Post</a></li>
                                        </ul>
                                    </li>
                                    <li><a class="d-text-c-h" href="#">Shop</a>
                                        <ul>
                                            <li><a class="d-text-c-h" href="shop.html">Shop</a></li>
                                            <li><a class="d-text-c-h" href="shop-item.html">Single Product</a></li>
                                            <li><a class="d-text-c-h" href="shop-ls.html">Shop left sidebar</a></li>
                                            <li><a class="d-text-c-h" href="shop-rs.html">Shop right sidebar</a></li>
                                            <li><a class="d-text-c-h" href="cart.html">Cart</a></li>
                                        </ul>
                                    </li>
                                    <li><a class="d-text-c-h" href="#">Contact</a>
                                        <ul>
                                            <li><a class="d-text-c-h" href="contact-v1.html">Contact v1</a></li>
                                            <li><a class="d-text-c-h" href="contact-v2.html">Contact v2</a></li>
                                            <li><a class="d-text-c-h" href="contact-v3.html">Contact v3</a></li>
                                            <li><a class="d-text-c-h" href="contact-v4.html">Contact v4</a></li>
                                        </ul>
                                    </li>
                                </ul>
                            </nav>
                        </div>
                    </div>
                </div>
            </header>
            <!-- === END HEADER === -->


            <!-- === START CONTENT === -->
            <div class="content">
                <!-- === START PATH === -->
                <div class="path-section">
                    <div class="bg-cover">
                        <div class="container">
                            <h3><a class="d-text-c-h" href="index.html">Home</a> / <a class="d-text-c-h" href="shop.html">Shop</a></h3>
                        </div>
                    </div>
                </div>
                <!-- === END PATH === -->


                <div class="shop-item-page">
                    <div class="container">
                        <div class="row">
                            <div class="col-md-12">
                                <div class="alert">
                                    <a href="cart.html" class="d-bg-c">View cart</a>
                                    <h4>"Super product" was successfully added to your cart</h4>
                                </div>
                            </div>

                            <div class="col-md-6">
                                <div class="slider" data-theme-plugin="slider" data-theme-item=".slide" data-theme-next=".slide-right" data-theme-prev=".slide-left" data-theme-container=".slide-wrapper">
                                    <div class="row">
                                        <div class="col-md-8">
                                            <ul class="slide-wrapper">
                                                <li class="slide">
                                                    <img src="images/shop-slide-1.jpg" alt="slide">
                                                </li>
                                                <li class="slide">
                                                    <img src="images/shop-slide-2.jpg" alt="slide">
                                                </li>
                                                <li class="slide">
                                                    <img src="images/shop-slide-3.jpg" alt="slide">
                                                </li>
                                            </ul>
                                        </div>
                                        <div class="col-md-4">
                                            <ul class="slider-dots" data-theme-plugin="bullets">
                                                <li><img src="images/shop-slide-1.jpg" alt="slide"></li>
                                                <li><img src="images/shop-slide-2.jpg" alt="slide"></li>
                                                <li><img src="images/shop-slide-3.jpg" alt="slide"></li>
                                            </ul>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="shop-item-describe">
                                    <div class="shop-item-top">
                                        <ul>
                                            <li><a href="#"><i class="icon-arrow-left8"></i></a></li>
                                            <li><a href="#"><i class="icon-arrow-right8"></i></a></li>
                                        </ul>                    
                                        <a href="#"><i class="icon-arrow-left8"></i> Back to Shirts</a>
                                    </div>  

                                    <h3>Super Product</h3>
                                    <div class="shop-item-vote">
                                        <i class="d-text-c icon-star3"></i>
                                        <i class="d-text-c icon-star3"></i>
                                        <i class="d-text-c icon-star3"></i>
                                        <i class="d-text-c icon-star3"></i>
                                        <i class="d-text-c icon-star"></i>
                                        (18 reviews)
                                    </div>

                                    <h2>$59<span>.99</span></h2>

                                    <p>A wonderful serenity has taken possession of my entire soul, like these sweet mornings of spring which I enjoy with my whole heart. I am alone, and feel the charm of existence in this spot, which was created for the bliss of souls like mine. </p>
                                    <p><b>Category :</b> Shirts, Men, Casual<br/>
                                    <b>Tags :</b> fashion, casual</p>

                                    <div class="shop-item-options">
                                        <div class="row">
                                            <div class="col-md-4">
                                                <p>Q-ty
                                                <select>
                                                    <option value="1">1</option>
                                                    <option value="2">2</option>
                                                    <option value="3">3</option>
                                                    <option value="4">4</option>
                                                    <option value="5+">5+</option>
                                                </select>
                                                </p>
                                            </div>
                                            <div class="col-md-4">
                                                <p>Size
                                                <select>
                                                    <option value="xs">XS</option>
                                                    <option value="s">S</option>
                                                    <option value="m">M</option>
                                                    <option value="l">L</option>
                                                    <option value="xl">XL</option>
                                                </select></p>
                                            </div>
                                            <div class="col-md-4">
                                                <p>Color 
                                                    <select>
                                                        <option value="red">Red</option>
                                                        <option value="black">Black</option>
                                                        <option value="blue">Blue</option>
                                                        <option value="green">Green</option>
                                                    </select>
                                                </p>
                                            </div>
                                        </div>
                                    </div>

                                    <a href="cart.html" class="d-bg-c add-cart">Add to cart</a>

                                </div>
                            </div>
                            <div class="col-md-12">
                                <div class="shop-item-description">
                                    <ul class="nav nav-tabs">
                                        <li class="active"><a href="#tab-1" class="d-text-c-h d-border-c-a" data-toggle="tab">Description</a></li>
                                        <li><a href="#tab-2" class="d-text-c-h d-border-c-a" data-toggle="tab">additional information</a></li>
                                        <li><a href="#tab-3" class="d-text-c-h d-border-c-a" data-toggle="tab">Reviews (3)</a></li>
                                    </ul>
                                    <div class="tab-content">
                                        <div class="tab-pane fade in active" id="tab-1">
                                            <p>A wonderful serenity has taken possession of my entire soul, like these sweet mornings of spring which I enjoy with my whole heart. I am alone, and feel the charm of existence in this spot, which was created for the bliss of souls like mine. I am so happy, my dear friend, so absorbed in the exquisite sense of mere tranquil existence, that I neglect my talents. I should be incapable of drawing a single stroke at the present moment; and yet I feel that I never was a greater artist than now. When, while the lovely valley teems with vapour around me, and the meridian sun strikes the upper surface of the impenetrable foliage of my trees, and but a few stray gleams steal into the inner sanctuary, I throw myself down among the tall grass by the trickling stream; and, as I lie close to the earth, a thousand unknown plants are noticed by me: when I hear the buzz of the little world among the stalks, and grow familiar with the countless indescribable forms of the insects and flies, then I feel the presence of the Almighty, who formed us in his own image, and the breath.</p>
                                        </div>
                                        <div class="tab-pane fade" id="tab-2">
                                            <ul class="shop-item-info">
                                                <li><span>Weight</span> 1,2 Kg</li>
                                                <li><span>Dimensions</span> 90 x 60 x 90 cm</li>
                                                <li><span>Composition</span> 100% Cotton</li>
                                                <li><span>Size & Fit</span> This style comes in a regular fit which fits true to size.</li>
                                                <li><span>Other info</span> Machine wash according to instructions on care label</li>
                                                <li><span>Size</span> One Size Fits All, Extra Small, Small, Medium, Large, Extra</li>
                                                <li><span>Color</span> Black, Blue, Brown, White</li>
                                            </ul>
                                        </div>
                                        <div class="tab-pane fade" id="tab-3">
                                            <div class="row">
                                                <div class="col-md-6">
                                                    <div class="comments-area">
                                                        <ul class="commentlist"> 
                                                            <li>
                                                                <div class="comment">
                                                                    <span class="comment-image">
                                                                        <img alt="avatar image" src="images/avatar-1.jpg" class="avatar" height="70" width="70">
                                                                    </span>
                                                                    <span class="comment-info d-text-c">
                                                                        <span><i class="icon-star3"></i><i class="icon-star3"></i><i class="icon-star3"></i><i class="icon-star2"></i><i class="icon-star"></i></span> Jonny Doe 
                                                                    </span>
                                                                    <p>If this generates a title of a book or short story already in existence, I assure youor short story already in existence, I assure you, it was completely random.</p>
                                                                </div>

                                                                <ul class="children">
                                                                    <li>
                                                                        <div class="comment">
                                                                            <span class="comment-image">
                                                                                <img alt="avatar image" src="images/avatar-2.jpg" class="avatar" height="70" width="70">
                                                                            </span>
                                                                            <span class="comment-info d-text-c">
                                                                                <span><i class="icon-star3"></i><i class="icon-star3"></i><i class="icon-star3"></i><i class="icon-star3"></i><i class="icon-star"></i></span> Jana Doe 
                                                                            </span>
                                                                            <p>Vel te tritani consequuntur. Pri oblique deterruisset Ex quo alii elit, vivendo referrentur pri ne. Ad eam integre ornatus volutpat, vel alia incorrupte liberavisse.</p>
                                                                        </div>
                                                                    </li>
                                                                </ul>
                                                            </li>
                                                            <li>
                                                                <div class="comment">
                                                                    <span class="comment-image">
                                                                        <img alt="avatar image" src="images/avatar-3.jpg" class="avatar" height="70" width="70">
                                                                    </span>
                                                                    <span class="comment-info d-text-c">
                                                                        <span><i class="icon-star3"></i><i class="icon-star3"></i><i class="icon-star3"></i><i class="icon-star2"></i><i class="icon-star"></i></span> Albert Doe 
                                                                    </span>
                                                                    <p>Lorem ipsum dolor sit amet, pro sanctus ullamcorper ei, sonet commodo ad sed. Ne exerci dolorum sit. Mea evertitur signiferumque et. Doctus probatus intellegat nec ne ei.</p>
                                                                </div>
                                                            </li>
                                                        </ul>   
                                                    </div>                                             
                                                </div>
                                                <div class="col-md-6">
                                                    <form class="contact-form">
                                                        <input type="text" name="contact-name" class="d-border-c-f contact-form-line" placeholder="Name">
                                                        <input type="text" name="contact-email" class="d-border-c-f contact-form-line" placeholder="Email Address">
                                                        <div class="item-shop-rate">Your raiting:
                                                        <i class="icon-star"></i>
                                                        <i class="icon-star"></i>
                                                        <i class="icon-star"></i>
                                                        <i class="icon-star"></i>
                                                        <i class="icon-star"></i>
                                                        </div>
                                                        <textarea name="contact-message" class="d-border-c-f contact-form-area" placeholder="Message"></textarea>
                                                        <p class="align-center"><input type="submit" value="Submit" class="form-send bold d-bg-c"></p>
                                                    </form>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>


                <!-- === END MINI SHOP === -->
                <div class="shop-section padding-top">
                    <div class="container">
                        <div class="site-title">
                            <p>Maybe you're interested in other</p>
                            <h1>Related products</h1>
                            <div class="site-dots d-text-c">. . .</div>
                        </div>
                        <div class="shop-items">
                            <div class="row">
                                <div class="col-md-3">
                                    <div class="shop-item">
                                        <div class="item-image">
                                            <div class="item-hover">
                                                <div class="item-new">New</div>
                                                <div class="item-hover-bg d-bg-c"></div>
                                                <h5><a href="shop-item.html">add to cart</a></h5>
                                            </div>
                                            <img src="images/shop-1.jpg" alt="shop images" />
                                        </div>
                                        <div class="item-details">
                                            <h3><a href="shop-item.html" class="d-text-c-h">Super Product</a></h3>
                                            <h6>$96</h6>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-3">
                                    <div class="shop-item">
                                        <div class="item-image">
                                            <div class="item-hover">
                                                <div class="item-hover-bg d-bg-c"></div>
                                                <h5><a href="shop-item.html">add to cart</a></h5>
                                            </div>
                                            <img src="images/shop-2.jpg" alt="shop images" />
                                        </div>
                                        <div class="item-details">
                                            <h3><a href="shop-item.html" class="d-text-c-h">Super Product</a></h3>
                                            <h6><i>$123</i>$96</h6>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-3">
                                    <div class="shop-item">
                                        <div class="item-image">
                                            <div class="item-hover">
                                                <div class="item-sale d-bg-c">Sale</div>
                                                <div class="item-hover-bg d-bg-c"></div>
                                                <h5><a href="shop-item.html">add to cart</a></h5>
                                            </div>
                                            <img src="images/shop-3.jpg" alt="shop images" />
                                        </div>
                                        <div class="item-details">
                                            <h3><a href="shop-item.html" class="d-text-c-h">Super Product</a></h3>
                                            <h6>$96</h6>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-3">
                                    <div class="shop-item">
                                        <div class="item-image">
                                            <div class="item-hover">
                                                <div class="item-hover-bg d-bg-c"></div>
                                                <h5><a href="shop-item.html">add to cart</a></h5>
                                            </div>
                                            <img src="images/shop-4.jpg" alt="shop images" />
                                        </div>
                                        <div class="item-details">
                                            <h3><a href="shop-item.html" class="d-text-c-h">Super Product</a></h3>
                                            <h6>$96</h6>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- === END MINI SHOP === -->

                <!-- === START CLIENTS === -->
                <div class="clients-section carousel" data-theme-plugin="carousel" data-theme-container=".carousel-items" data-theme-item="&gt;div" data-theme-rotate="false" data-theme-autoplay="false" data-theme-hide-effect="false">
                    <div class="container">
                        <div class="carousel-arrows">
                            <span class="next"><i class="icon-uniE91B d-text-c-h"></i></span>
                            <span class="prev disabled"><i class="icon-arrow-left10 d-text-c-h"></i></span>
                        </div>
                        <div class="row carousel-items">
                            <div class="col-md-3 col-xs-4">
                                <a href="#"><img src="images/clients-1.png" alt="client image" /></a>
                            </div>
                            <div class="col-md-3 col-xs-4">
                                <a href="#"><img src="images/clients-2.png" alt="client image" /></a>
                            </div>
                            <div class="col-md-3 col-xs-4">
                                <a href="#"><img src="images/clients-3.png" alt="client image" /></a>
                            </div>
                            <div class="col-md-3 col-xs-4">
                                <a href="#"><img src="images/clients-4.png" alt="client image" /></a>
                            </div>
                            <div class="col-md-3 col-xs-4">
                                <a href="#"><img src="images/clients-5.png" alt="client image" /></a>
                            </div>
                            <div class="col-md-3 col-xs-4">
                                <a href="#"><img src="images/clients-1.png" alt="client image" /></a>
                            </div>
                            <div class="col-md-3 col-xs-4">
                                <a href="#"><img src="images/clients-2.png" alt="client image" /></a>
                            </div>
                            <div class="col-md-3 col-xs-4">
                                <a href="#"><img src="images/clients-3.png" alt="client image" /></a>
                            </div>
                            <div class="col-md-3 col-xs-4">
                                <a href="#"><img src="images/clients-4.png" alt="client image" /></a>
                            </div>
                            <div class="col-md-3 col-xs-4">
                                <a href="#"><img src="images/clients-5.png" alt="client image" /></a>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- === END CLIENTS === -->
            </div>
            <!-- === END CONTENT === -->


            <!-- === START FOOTER === -->
            <footer class="footer">
                <div class="container">
                    <div class="row">
                        <div class="col-md-3 col-xs-6">
                            <div class="widget wow bounceInLeft">
                                <h2 class="logo">Wallpaper</h2>
                                <p>23408 Trafalguar Square, PO BOX 345<br/>Westminster, London<br/>United Kingdom</p>
                            </div>
                        </div>
                        <div class="col-md-3 col-xs-6">
                            <div class="widget widget-blog-posts wow fadeInUp">
                                <h3 class="widget-title">Latest blog posts</h3>
                                <ul>
                                    <li><a href="#" class="d-text-c-h">Web Design Technics</a></li>
                                    <li><a href="#" class="d-text-c-h">Fiction vs Reality</a></li>
                                    <li><a href="#" class="d-text-c-h">10 Freebies Design Inspiration</a></li>
                                    <li><a href="#" class="d-text-c-h">Having fun at the lake</a></li>
                                </ul>
                            </div>
                        </div>
                        <div class="col-md-3 col-xs-6">
                            <div class="widget widget-tag-cloud wow fadeInUp">
                                <h3 class="widget-title">tag cloud</h3>
                                <a href="#" class="d-bg-c-h">Reserch</a>
                                <a href="#" class="d-bg-c-h">Development</a>
                                <a href="#" class="d-bg-c-h">Framework</a>
                                <a href="#" class="d-bg-c-h">Showcase</a>
                                <a href="#" class="d-bg-c-h">Design</a>
                                <a href="#" class="d-bg-c-h">Strategy</a>
                                <a href="#" class="d-bg-c-h">Bootstrap</a>
                                <a href="#" class="d-bg-c-h">Artist Design</a>
                                <a href="#" class="d-bg-c-h">Management</a>
                            </div>
                        </div>
                        <div class="col-md-3 col-xs-6">
                            <div class="widget widget-socials wow bounceInRight">
                                <h3 class="widget-title">Social profiles</h3>
                                <p>On the other hand, we denounce with righteous indignation and dislike men.</p>
                                <ul class="socials">
                                    <li><a href="#" class="d-text-c-h d-border-c-h"><i class="fa fa-facebook"></i></a></li>
                                    <li><a href="#" class="d-text-c-h d-border-c-h"><i class="fa fa-twitter"></i></a></li>
                                    <li><a href="#" class="d-text-c-h d-border-c-h"><i class="fa fa-instagram"></i></a></li>
                                    <li><a href="#" class="d-text-c-h d-border-c-h"><i class="fa fa-google-plus"></i></a></li>
                                    <li><a href="#" class="d-text-c-h d-border-c-h"><i class="fa fa-rss"></i></a></li>
                                </ul>
                            </div>
                        </div>
                        <div class="col-md-12">
                            <p class="copywrite">© Copyright 2014 by GeoThemes. All rights reserved.</p>
                        </div>
                    </div>
                </div>
            </footer>
            <!-- === END FOOTER === -->
        </div>
        <!-- =========================== START SCRIPTS ========================== -->
        <script src="js/modernizr.custom.63321.js" type="text/javascript"></script>
        <script src="js/jquery-1.11.1.min.js" type="text/javascript"></script>
        <script src="js/jquery-ui.min.js" type="text/javascript"></script>
        <script src="js/waypoints.js" type="text/javascript"></script>
        <script src="js/bootstrap.js" type="text/javascript"></script>
        <script src="js/placeholder.js" type="text/javascript"></script>
        <script src="js/imagesloaded.pkgd.min.js" type="text/javascript"></script>
        <script src="js/masonry.pkgd.js" type="text/javascript"></script>
        <script src="js/jquery.swipebox.min.js" type="text/javascript"></script>
        <script src="js/wow.js" type="text/javascript"></script>
        <script src="js/knob.js" type="text/javascript"></script>
        <script src="js/jquery.counterup.js" type="text/javascript"></script>
        <script src="js/options.js" type="text/javascript"></script>
        <script src="js/plugins.js" type="text/javascript"></script>
        <script src="color-box/color-js.js" type="text/javascript"></script>
        <script src="color-box/farbtastic/farbtastic.js" type="text/javascript"></script>
        <!--[if lt IE 9]>
          <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
          <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
        <![endif]-->
        <!-- =========================== END SCRIPTS ========================== -->
    </body>
</html>